﻿/*
 * Estilos para lograr los TABs
 */
.tabbed_box {
	clear:both;
	width:98%;
	color:#000;
	position: relative;
	margin: 10px 15px 5px 15px;
	padding:0px;
}
.tabbed_area {
	/*margin:10px 20px 2px 10px;*/
	width:100%;
	position: relative;
	margin-right: 15px;
}
ul.tabs {
	margin:0px; 
	padding:0px;
	margin-top:3px;
	margin-bottom:3px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	color:#35383B;
	padding:6px 10px 7px 10px;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	border:1px solid #CCC;
	border-bottom:none;
	background-color:#DDDCCC;
}
ul.tabs li a:hover {
	border: solid 1px #9CBDFF;
	background-color:#ECF7CF;
	border-bottom:none;
}
ul.tabs li a:focus, ul.tabs li a:active { outline:none; }
ul.tabs li a.active {
	background-color:#FFFFFF;
	border:1px solid #9CBDFF; 
	border-bottom: none;
	padding-bottom: 8px;
}
ul.tabs li a.active:hover {
	color:#003366;
}

/* 
 * Estilos propios destinados a MANTTO (Mantenedores)
 */
#divMaestro  {
	position: relative;
	width: 98%;
	margin: 10px 0 0 10px;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#D8E8FF,EndColorStr=#A2CBFF);
	border: solid 1px #000;
	overflow-x: hidden;
	overflow-y: auto;
}
#divMaestro fieldset{
	color:#333333;
	border:none;
	/*margin:10px 20px 2px 10px;*/
	width: 100%;
	position: relative;
	padding:0px;
}
#divMaestro fieldset legend {
	font-weight:bolder;
	text-transform:capitalize;
	height: 18px;
	line-height:18px;
	color:#35383B;
	padding-left: 20px;
	margin-bottom:10px;
	background: url('images/icon_form.png') no-repeat 0 50%;
}
#divMaestro .tabContent, #divMaestro .tabContentModal {	
	background-color:#FFFFFF;
	padding:5px;
	border:1px solid #9CBDFF;
	margin-top:6px;
	height: 155px;
	overflow:auto;
	/*width:100%;*/
	position: relative;
	margin-right: 10px;
}
#divMaestro .tabContentModal {
	height: 270px !important;
	/*width: 100% !important;*/
}
#divMaestro .tabContent table {
	border: none;
	margin:15px 5px;
	font-size: 11px;
	width:auto;
}
#divMaestro .tabContent table td {
	border: none;
	line-height: 20px;
}

#divMaestro label { padding-left: 15px;width:auto;text-align:right;font-weight:bold;}
#divMaestro input, select, input[type=option] {font-weight: normal;border:solid 1px #D8E8FF;padding-left: 2px;}
#divMaestro input:focus, select:focus, input[type=option] {border:solid 1px #9CBDFF;outline:none; background-color:#ECF7CF;}
#divMaestro .btn { margin:0;padding:0;border:none;background:none;outline:none;}
#divMaestro .btn {
	display:block;
	height: 22px;
	line-height: 22px;
	border:solid 1px #CCC;
	font-size: 11px;
	color:#35383B; 
	background: url('images/btns.png') left center no-repeat;
	padding-left: 25px; 
	padding-right: 5px;
	cursor:hand; 
	cursor:pointer;
	text-decoration:none;
}
#divMaestro .btn:hover, #divMaestro .btn:focus {cursor:pointer;	border:solid 1px #9CBDFF !important;color:#003366;}
#divMaestro .btn:focus, #divMaestro .btn:active {outline:none;}
#divMaestro .btnadd{ background-position: 0px -92px; }
#divMaestro .btnfind{ background-position: 0px -115px; }
#divMaestro .btnprint{ background-position: 0px -69px; }
#divMaestro .btnmail{ background-position: 0px -138px; }
#divMaestro .btnsave{ background-position: 0px 0px; }
#divMaestro .btndelete{ background-position: 0px -46px; }
#divMaestro .btncancel{ background-position: 0px -23px; }
#divMaestro .btncopy{ background-position: 0px -161px; }
#divMaestro .btnnonuser{ background-position: 0px -322px; }
#divMaestro .btnuser{ background-position: 0px -276px; }
#divMaestro .btnadmin{ background-position: 0px -299px; }
#divMaestro .btncheck{ background-position: 0px -207px; }
#divMaestro .btnuncheck{ background-position: 0px -230px; }
#divMaestro .btnrefresh{  background-position: 0px -345px;  }
#divMaestro .btnlogout{ background-position: 0px -368px; }
#divMaestro .btnapply{ background-position: 0px -184px; }
#divMaestro .date-pick { 
	width: 16px; 
	height: 16px; 
	/*display:inline-block;*/
	/*line-height: 17px;*/
	margin: -2px 0 auto 0;
	vertical-align: middle;
	cursor:hand; 
	cursor:pointer;
}
/* referencia del margen en #divMaestro fieldset*/
#divMaestro #divNew { display:inline-block; margin-left:2px;}
#divMaestro #divAction { display:inline-block; margin-left:2px;}
#divMaestro #divMessage {
	text-align:center;
	color:#009900;
	padding:0;
	margin-top: -25px;
	float:right;
	margin-right: 50%;
}

/*
 * Estilos del Contenedor de la Grilla Central
 */
#divMaestro .csGrid {
	position:relative;
	color:#333333;
	border:none;
	padding:0;
	margin: 10px 15px 10px 17px;
	width: 97%;
	height:auto;
}

/*
 * Estilos para las Grillas resultado de Relaciones MD18
 */
#divMaestro .tabContent .tabla {	
	font-size: 11px;
	width:auto;
	text-align:left;
	margin: 5px 0 5px 10px;
	width:100%;
	border-collapse:collapse;
	border: solid 1px #E3E3E3;
}
#divMaestro .tabContent .tabla th {
	border-left: solid 1px #E3E3E3;
	border-right: solid 1px #E3E3E3;
	padding: 3px;
	font-weight: bold;
	text-align:center;
	background: transparent url('images/sprite_gray.png') repeat-x;
}
#divMaestro .tabContent .tabla td {
	padding: 2px;
}
#divMaestro .tabContent .tabla td:first-child {
	border-left: solid 1px #E3E3E3;
	border-right: solid 1px #E3E3E3;
	text-align: center;
	font-weight: bold;
	background-color: #DDDCCC;
}